<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我们</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link rel="stylesheet" href="../css/animate.min.css">
    <link rel="stylesheet" href="../css/about.css">
</head>

<body>
    <header class="header-wrap" id="header">
        <div class="width-auto">
            <div class="header-logo">
                <a href="index.html">
                    <img src="../imgs/logo.png" alt="">
                </a>
            </div>
            <div class="black-box">
                <div class="header-nav">
                    <ul>
                        <!--这是高亮-->
                        <li>
                            <a href="index.html">首页</a>
                        </li>
                        <li class="header-hover-nav">
                            <a href="about.html">关于我们</a>
                        </li>
                        <li>
                            <a href="product.html">产品中心 </a>
                        </li>
                        <li>
                            <a href="solution.html">解决方案</a>
                        </li>
                        <li>
                            <a href="cases.html">项目案例</a>
                        </li>
                        <li>
                            <a href="contact.html">联系我们</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="m-header-nav">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </header>
    <div id="banner">
        <img alt="" class="banner-img">
        <div class="banner-txt">
            <div class="banner-title fadeInLeft2">
                防风防雨防雷电 气象安全最关键
            </div>
            <div class="banner-desc fadeInLeft2">
                Weather protection against wind, rain and lightning is the key
            </div>
            <div class="banner-btn fadeInLeft2">
                <a href="#">About us</a>
            </div>
        </div>
    </div>
    <div id="section">
        <!--nav-->
        <div class="read-mbx-nav wow fadeInUp d2">
            <div class="read-mbx-back">
                <div class="width-auto">
                    <ul>
                        <li class="mbx-hover">
                            <a class="about-mao" href="about.html#about1">公司简介</a>
                        </li>
                        <li>
                            <a class="about-mao" href="about.html#about2">优势介绍</a>
                        </li>
                        <li>
                            <a class="about-mao" href="about.html#about3">服务流程</a>
                        </li>
                        <li>
                            <a class="about-mao" href="about.html#about4">专利证书</a>
                        </li>
                        <li>
                            <a class="about-mao" href="about.html#about5">合作伙伴</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!--content-->
        <div class="about-read-wrap">
            <!--锚点-->
            <div id="about1" class="read-select about-box1">
                <div class="width-auto">
                    <div class="index-title-box">
                        <span class="en2 wow fadeInUp d2">公司简介</span>
                        <span class="wow fadeInUp d3">Company Profile</span>
                    </div>
                    <div class="about1-read-bjq">
                        <div class="about1-read wow fadeInUp d2">
                            <p>
                                深圳市楚邦科技有限公司创立于2001年，是一家集销售、研发、制造于一体，专注气象灾害预防设备提供商，主营雷电安全在线监测、气象安全监管系统、高压避雷器运行状态在线监测、智能应急柜、工业物联网云平台等。
                                公司拥有一批高素质的研发队伍，自主研发产品广泛运用于易燃易爆危化场所、港口码头、智能楼宇、交通、电力系统、通讯系统、气象系统、教育、旅游景点、卫星雷达站、水利等领域，并不断的推出符合客户需求的创新性产品，研发技术达到业内顶尖水平。
                                公司致力于为客户提供一流的产品服务和解决方案，用专业、专注、真诚的服务理念，和创新高效、追求卓越的价值观，为客户提供稳定、可靠、准确的产品。
                            </p>
                        </div>
                    </div>
                    <div class="about1-read-img wow fadeInUp d2">
                        <img src="../imgs/about1.png" alt="">
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <!--锚点-->
            <div id="about2" class="read-select about-box2">
                <div class="about2-banner-img cover">
                    <span class="ScaleInfinite data3">
                        <img src="../imgs/advantage.png" alt="">
                    </span>
                </div>
                <div class="about2-text-box center">
                    <div class="width-auto">
                        <div class="index-title-box">
                            <span class="en2 wow fadeInUp d2">优势介绍</span>
                            <span class="wow fadeInUp d3">Advantage introduction</span>
                        </div>
                        <div class="about2-icon-box wow fadeInUp d4">
                            <!-- <div class="about2-icon-li">
                                <img src="../imgs/about-icon1.png" alt="">
                                <span class="line"></span>
                                <span>高度集成化</span>
                                <span>多种模块任意组合</span>
                            </div>
                            <div class="about2-icon-li">
                                <img src="../imgs/about-icon2.png" alt="">
                                <span class="line"></span>
                                <span>性价比高</span>
                                <span>包括整套工业物联网解决方案</span>
                            </div>
                            <div class="about2-icon-li">
                                <img src="../imgs/about-icon3.png" alt="">
                                <span class="line"></span>
                                <span>随时随地</span>
                                <span>设备状态、实时数据、告警信息</span>
                            </div>
                            <div class="about2-icon-li">
                                <img src="../imgs/safe.png" alt="">
                                <span class="line"></span>
                                <span>稳定安全</span>
                                <span>实时监控数据 有效预测雷电<br> 保障人身安全</span>
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>
            <!--锚点-->
            <div id="about3" class="read-select about-box3">
                <div class="width-auto">
                    <div class="index-title-box">
                        <span class="en2 wow fadeInUp d2">服务流程</span>
                        <span class="wow fadeInUp d3">Service Process</span>
                    </div>

                    <div class="she-list-ul">
                        <!-- <div class="she-list-li wow fadeInUp d2">
                            <div class="imgJsWrap">
                                <div class="she-list-img img-black">
                                    <img src="../imgs/flow1.png" alt="">
                                </div>
                                <div class="she-list-a"><em>01</em>解决方案规划</div>
                                <div class="she-list-desc">
                                    我司工作人员通过调查研究，以及了解客户的需求的基础上，根据客户的情况，制定出最合适客户要的产品布局，确定出最优的产品实施的方案，以及进一步的实施工程。</div>
                            </div>
                        </div>
                        <div class="she-list-li wow fadeInUp d2">
                            <div class="imgJsWrap">
                                <div class="she-list-img img-black">
                                    <img src="../imgs/flow2.png" alt="">
                                </div>
                                <div class="she-list-a"><em>02</em>气象安全解决方案详细设计</div>
                                <div class="she-list-desc">根据制定出的方案，制作完整的、简单易懂的系统框架图，以便客户能了解产品工作的路径以及原理，直观的感受产品的防护体系。
                                </div>
                            </div>
                        </div>
                        <div class="she-list-li wow fadeInUp d2">
                            <div class="imgJsWrap">
                                <div class="she-list-img img-black">
                                    <img src="../imgs/flow3.png" alt="">
                                </div>
                                <div class="she-list-a"><em>03</em>智能产品-模块化设计</div>
                                <div class="she-list-desc">
                                    公司研发的各类产品，通过相关部门检测认证，已广泛运用到各种工业场所，公司将研发视为公司的核心竞争力，不断推出符合客户需求的创新性产品确保产品的稳定性可靠性数据传输的准确性等。
                                </div>
                            </div>
                        </div>
                        <div class="she-list-li wow fadeInUp d2">
                            <div class="imgJsWrap">
                                <div class="she-list-img img-black">
                                    <img src="../imgs/flow4.png" alt="">
                                </div>
                                <div class="she-list-a"><em>04</em>云平台-电脑 | 手机</div>
                                <div class="she-list-desc">
                                    智能监测云平台是一款工业级工业云平台，用户可以使用它来创建数据监控和分析数据，平台提供了一个简单快捷的应用环境，创建好的项目可以直接在设备上访问。</div>
                            </div>
                        </div> -->

                    </div>
                </div>
            </div>
            <!--锚点-->
            <div id="about4" class="read-select about-box4">
                <div class="about-box4-bg">
                    <img src="../imgs/patent.png" alt="" class="move-img">
                </div>
                <div class="width-auto">
                    <div class="index-title-box">
                        <span class="en2 wow fadeInUp d2">专利证书</span>
                        <span class="wow fadeInUp d3">patent certificate</span>
                    </div>
                    <div class="fzlc-swiper-wrap wow fadeInUp d4">
                        <div class="swiper-container fzlc-swiper">
                            <div class="swiper-wrapper patent-container">
                                <div class="swiper-slide">
                                    <div class="fzlc-slide">
                                        <img src="../imgs/card.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="fzlc-slide">
                                        <img src="../imgs/card.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="fzlc-slide">
                                        <img src="../imgs/card.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="fzlc-slide">
                                        <img src="../imgs/card.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="fzlc-swiper-next">
                            <img src="../imgs/about-left.png" alt="">
                        </div>
                        <div class="fzlc-swiper-prev">
                            <img src="../imgs/about-right.png" alt="">
                        </div>
                    </div>
                </div>

            </div>
            <div id="about5" class="read-select about-box5">
                <div class="section-box width-auto">
                    <div class="index-title-box">
                        <span class="en2 wow fadeInUp d2">合作伙伴</span>
                        <span class="wow fadeInUp d3">Project case</span>
                    </div>
                    <div class="section-container">
                        <div class="section-part-gallery gallery-swiper swiper-container wow fadeInUp d2">
                            <div class="section-part-box swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="section-part ">
                                        <img src="../imgs/part1.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="section-part">
                                        <img src="../imgs/part2.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="section-part">
                                        <img src="../imgs/part3.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="section-part">
                                        <img src="../imgs/part4.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="section-part">
                                        <img src="../imgs/part5.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="section-part">
                                        <img src="../imgs/part6.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="section-part">
                                        <img src="../imgs/part7.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="section-part">
                                        <img src="../imgs/part8.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="section-part">
                                        <img src="../imgs/part9.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="section-part">
                                        <img src="../imgs/part10.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="section-part">
                                        <img src="../imgs/part11.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="section-part">
                                        <img src="../imgs/part12.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="section-part">
                                        <img src="../imgs/part11.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="section-part">
                                        <img src="../imgs/part12.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="section-part">
                                        <img src="../imgs/part11.png" alt="">
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="section-part">
                                        <img src="../imgs/part12.png" alt="">
                                    </div>
                                </div>
                            </div>

                            <div class="section-gallery-btn">
                                <a href="javascript:;" class="gallery-swiper-prev circle displayInlineBlock">
                                    <div class="leftArrow"></div>
                                    <div class="rightArrow"></div>
                                    <!-- <img src="../imgs/left.png" alt=""> -->
                                </a>
                                <a href="javascript:;" class="gallery-swiper-next circle displayInlineBlock">
                                    <div class="rightArrow"></div>
                                    <div class="leftArrow"></div>
                                    <!-- <img src="../imgs/right.png" alt=""> -->
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="footer-core">
            <div class="footer-left">
                <div class="footer-left-log">
                    <a href="index.html"> <img src="../imgs/logo.png" alt=""></a>
                </div>
                <ul class="footer-menu wow fadeInUp d2">
                    <li>
                        <a href="about.html">关于我们</a>
                        <ul>
                            <li>
                                <a href="about.html">公司介绍</a>
                            </li>
                            <li>
                                <a href="about.html">优势介绍</a>
                            </li>
                            <li>
                                <a href="about.html">服务流程</a>
                            </li>
                            <li>
                                <a href="about.html">专利证书</a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="product.html">产品中心 </a>
                        <ul class="footer-product-ul"></ul>
                    </li>
                    <li>
                        <a href="solution.html">解决方案</a>
                        <ul class="foot-solution-ul"></ul>
                    </li>
                    <li>
                        <a href="cases.html">项目案例</a>
                        <ul class="foot-cases-ul"></ul>
                    </li>
                    <li>
                        <a href="contact.html">联系我们</a>
                    </li>
                </ul>
            </div>
            <div class="footer-right wow fadeInUp d2">
                    <span class="company"></span>
                    <span class="phone"></span>
                    <span class="email"></span>
                    <span class="adress"></span>
                </div>
        </div>
        <div class="footer-copyright">
            深圳市楚邦科技有限公司 Copyright © 2021 All Rights Reserved. 粤ICP备18455784
        </div>
    </div>
</body>
<script src="../js/utils/jquery.min.js"></script>
<script src="../js/utils/swiper.min.js"></script>
<script src="../js/utils/wow.min.js"></script>
<script src="../js/utils/http.js"></script>
<script src="../js/common.js"></script>
<script src="../js/about.js"></script>

</html>